<template>
  <!-- 时尚 -->
  <div class="center-wrap" id="bili_fashion">
    <div class="space-between">
      <div class="fashion-left">
        <StoreyTitle :title="title">
          <svg slot="svg" t="1595054627750" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="3828" width="200" height="200">
            <path d="M709.6 161.8c16.2 5.5 29.6 18.9 33 37.6 0 0.3 0.1 0.5 0.1 0.8 5.4 31.4-0.6 61.2-14.4 85.9h0.1s-21 33.2-26.7 44.3c-18.7 36.5-27.9 77.2-27.9 118.2v44.8H350.2v-44.8c0-41-9.2-81.7-27.9-118.2-5.7-11.1-26.7-44.3-26.7-44.3h0.1c-13.8-24.8-19.8-54.5-14.4-85.9 0-0.3 0.1-0.5 0.1-0.8 3.7-20.6 19.6-34.8 38.1-39l0.2-61.2c0-19.2 13.4-34.9 29.7-34.9 16.3 0 29.7 15.7 29.7 34.9l-0.2 81.6c39.2 22.7 84.6 35.7 133.1 35.7 50.6 0 97.9-14.2 138.2-38.7l0.3-78.7c0-19.2 13.4-34.9 29.7-34.9 16.4 0 29.7 15.7 29.7 34.9l-0.3 62.7z"
              fill="#FF6A9B" p-id="3829"></path>
            <path d="M673.8 475.1H350.2L172 798.2c-9.7 17.5-4.9 39.5 11.1 51.5 91.4 69.1 205.1 110.1 328.3 110.1 123.8 0 238-41.3 329.6-111 15.9-12.1 20.7-34 11-51.5L673.8 475.1z"
              fill="#FF9DC6" p-id="3830"></path>
            <path d="M400.1 528.8c-5.5-2.7-12.2-0.5-14.9 5l-137.1 277c-2.7 5.5-0.5 12.2 5 14.9 1.6 0.8 3.3 1.2 4.9 1.2 4.1 0 8-2.3 10-6.2l137.1-277c2.8-5.5 0.5-12.2-5-14.9zM450.2 646.4c-5.9-1.4-12 2.3-13.4 8.3l-44.6 188.7c-1.4 6 2.3 12 8.3 13.4 0.9 0.2 1.7 0.3 2.6 0.3 5 0 9.6-3.4 10.8-8.6l44.6-188.7c1.4-5.9-2.3-11.9-8.3-13.4zM775.9 810.8l-137.1-277c-2.7-5.5-9.4-7.8-14.9-5-5.5 2.7-7.8 9.4-5 14.9l137.1 277c1.9 3.9 5.9 6.2 10 6.2 1.7 0 3.3-0.4 4.9-1.2 5.5-2.7 7.7-9.4 5-14.9zM587.2 654.7c-1.4-6-7.4-9.7-13.4-8.3-6 1.4-9.7 7.4-8.3 13.4l44.6 188.7c1.2 5.1 5.8 8.6 10.8 8.6 0.8 0 1.7-0.1 2.6-0.3 6-1.4 9.7-7.4 8.3-13.4l-44.6-188.7z"
              fill="#FF6A9B" p-id="3831"></path>
          </svg>
        </StoreyTitle>
        <VideoPreview :videolist="videolist" :classname="classname"></VideoPreview>
      </div>
      <RankList :ranklist="ranklist"></RankList>
    </div>
  </div>
</template>

<script>
  import StoreyTitle from '../public/StoreyTitle.vue'
  import VideoPreview from '../public/VideoPreview.vue'
  import RankList from '../public/RankList.vue'
  export default {
    name: 'DanceList',
    components: {
      StoreyTitle,
      VideoPreview,
      RankList
    },
    data() {
      return {
        title: '时尚',
        classname: 'Fashion-box',
        videolist: [{
            img: require('../../assets/img/douga_4k.jpg'),
            bg: require('../../assets/img/douga_4k1.jpg'),
            bgnum: '28',
            title: '全b站第一个4K蒸汽波！𝓼𝓾𝓶𝓶𝓮𝓻 𝓵𝓸𝓿𝓮🍭💗',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamiclist_lwdgz.jpg'),
            bg: require('../../assets/img/dynamic_lwdgz1.jpg'),
            bgnum: '28',
            title: '龙王的工作',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_almls.jpg'),
            bg: require('../../assets/img/dynamic_almls1.jpg'),
            bgnum: '28',
            title: '【4月】埃罗芒阿老师 02【独家正版】',
            time: '23:41',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_silver.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_jojo.jpg'),
            bg: require('../../assets/img/dynamic_jojo1.jpg'),
            bgnum: '28',
            title: '【10月】JOJO的奇妙冒险 黄金之风 23【独家正版】',
            time: '24:01',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_gmzr.jpg'),
            bg: require('../../assets/img/dynamic_gmzr1.jpg'),
            bgnum: '28',
            title: '【4月】鬼灭之刃 19【独家正版】',
            time: '23:46',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_hydxj.jpg'),
            bg: require('../../assets/img/dynamic_hydxj1.jpg'),
            bgnum: '28',
            title: '【4月/完结】辉夜大小姐想让我告白？～天才们的恋爱头脑战～  12【独家正版】',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/extension_img1.jpg'),
            bg: require('../../assets/img/extension1_img1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_silver.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/douga_jjdjr.jpg'),
            bg: require('../../assets/img/douga_jjdjr1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
        ],
        ranklist: [{
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '这样骂够吗？(200w粉纪念)',
            intro: '193.6万',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '忍 者 的 时 代 结 束 了',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '全家被蚊子咬后，就开始疯狂想吃鲜血《迷雾岛·下》',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '刘备：诸葛村夫你是准备三气刘备了吗？',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '【进击的巨人】女王怀孕真正的目的是什么？地鸣灭世只是艾伦计划的开始！？巨人牛b！【他她漫漫聊】',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '七月最奇葩新番，史上最强男人？这我表示非常喜欢',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '铃兰不来我岛的原因',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '「京都动画」因为遇见了你，我的人生才充满色彩！',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '【明日方舟动画】啪嗒啪嗒注意啦！',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '扳机社早期驯服jojo原作珍贵影像资料',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
        ]
      }
    },
  }
</script>

<style>
</style>
